.pagewrapper {
  height: 100%;
  overflow: hidden;
}

.p_relative {
  position: relative;
}
.commhover {
  cursor: pointer
}

.hovernot {
  cursor: not-allowed;
}

.w_full {
  width: 100%!important
}

.h_full {
  height: 100%;
}

.of_auto {
  overflow: auto;
}

.y_over {
  overflow-y: auto;
}

.flex {
  display: flex
}

.flex1 {
  flex: 1;
}

.flex11 {
  flex: 1 1;
}

.flexcolumn {
  display: flex;
  flex-direction: column;
}
.justifystart {
  justify-content: flex-start;
}

.justifycenter {
  justify-content: center;
}

.flexwrap {
  flex-wrap: wrap;
}

.justify-end {
  justify-content: end
}

.flexcenter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flexbetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.alignstart {
  align-items: flex-start;
}
.aligncenter {
  align-items: center;
}

.alignend {
  align-items: flex-end;
}

.flexend {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.textcenter {
  text-align: center
}

.textover {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.f-12 {
  font-size: 12px
}

.f-13 {
  font-size: 13px
}

.f-14 {
  font-size: 14px
}

.f-15 {
  font-size: 15px
}

.f-16 {
  font-size: 16px
}

.f-17 {
  font-size: 17px
}

.f-18 {
  font-size: 18px
}

.f-20 {
  font-size: 20px
}

.f-22 {
  font-size: 22px
}

.f-30 {
  font-size: 30px
}

.fw-0 {
  font-weight: normal;
}

.fw-5 {
  font-weight: 500;
}

.fw-6 {
  font-weight: 600;
}

.p-0 {
  padding: 0px !important;
}

.p-3 {
  padding: 3px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-6 {
  padding: 6px;
}

.p-8 {
  padding: 8px;
}

.p-10 {
  padding: 10px;
}

.p-12 {
  padding: 12px !important;
}

.p-15 {
  padding: 15px;
}

.p-16 {
  padding: 16px;
}

.p-20 {
  padding: 20px;
}
.p-24 {
  padding: 24px;
}

.pt-2 {
  padding-top: 2px;
}
.pt-4 {
  padding-top: 4px!important;
}

.pt-6 {
  padding-top: 6px;
}

.pt-8 {
  padding-top: 8px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-12 {
  padding-top: 12px;
}

.pt-16 {
  padding-top: 16px;
}
.pt-24 {
  padding-top: 24px;
}

.pr-2 {
  padding-right: 2px
}

.pr-5 {
  padding-right: 5px
}

.pr-8 {
  padding-right: 8px!important
}

.pr-10 {
  padding-right: 10px
}

.pr-12 {
  padding-right: 12px
}

.pr-16 {
  padding-right: 16px
}

.pr-20 {
  padding-right: 20px
}
.pr-40 {
  padding-right: 40px
}

.pb-0 {
  padding-bottom: 0 !important
}
.pb-8 {
  padding-bottom: 8px !important
}
.pb-10 {
  padding-bottom: 10px !important
}

.pb-16 {
  padding-bottom: 16px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-60 {
  padding-bottom: 60px
}

.pl-2 {
  padding-left: 2px
}

.pl-5 {
  padding-left: 5px
}
.pl-6{ padding-left: 6px;}

.pl-8 {
  padding-left: 8px!important
}

.pl-10 {
  padding-left: 10px;
}

.pl-12 {
  padding-left: 12px;
}

.pl-16 {
  padding-left: 16px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-24 {
  padding-left: 24px;
}

.pl-30 {
  padding-left: 30px !important
}

.pl-36 {
  padding-left: 36px !important
}

.plr-6 {
  padding: 0 6px;
}

.plr-12 {
  padding: 0 12px;
}

.plr-16 {
  padding: 0 16px;
}

.mlr-6 {
  margin: 0 6px;
}

.mlr-16 {
  margin: 0 16px;
}

.mtb-16{
  margin: 16px 0;
}

.m-10 {
  margin: 12px;
}

.m-12 {
  margin: 12px;
}

.mt-0 {
  margin-top: 0 !important
}

.mt-2 {
  margin-top: 2px !important
}

.mt-3 {
  margin-top: 3px
}

.mt-4 {
  margin-top: 4px
}

.mt-5 {
  margin-top: 5px
}

.mt-8 {
  margin-top: 8px
}

.mt-10 {
  margin-top: 10px
}

.mt-12 {
  margin-top: 12px!important
}
.mt-13 {
  margin-top: 13px!important
}
.mt-15 {
  margin-top: 15px
}

.mt-16 {
  margin-top: 16px
}

.mt-20 {
  margin-top: 20px
}

.mt-25 {
  margin-top: 25px
}

.mt-100 {
  margin-top: 100px
}


.mb-0 {
  margin-bottom: 0 !important
}

.mb-2 {
  margin-bottom: 2px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-6 {
  margin-bottom: 6px;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-10 {
  margin-bottom: 10px!important;
}
.mb-12 {
  margin-bottom: 13px!important;
}
.mb-15 {
  margin-bottom: 15px!important;
}

.mb-16 {
  margin-bottom: 16px!important;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-18 {
  margin-bottom: 18px;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-6 {
  margin-left: 6px;
}

.ml-8 {
  margin-left: 8px !important;
}

.ml-10 {
  margin-left: 10px;
}

.ml-12 {
  margin-left: 12px;
}
.ml-16 {
  margin-left: 16px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-22 {
  margin-left: 22px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-32 {
  margin-left: 32px;
}

.mr-0 {
  margin-right: 0px !important
}

.mr-3 {
  margin-right: 3px
}
.mr-4 {
  margin-right: 4px
}
.mr-5 {
  margin-right: 5px
}

.mr-6 {
  margin-right: 6px
}

.mr-8 {
  margin-right: 8px
}

.mr-10 {
  margin-right: 10px!important
}

.mr-12 {
  margin-right: 12px
}

.mr-15 {
  margin-right: 15px !important
}

.mr-16 {
  margin-right: 16px
}

.mr-20 {
  margin-right: 20px;
}

.mr-26 {
  margin-right: 26px;
}

.m-0 {
  margin: 0 !important
}
.m-12 {
  margin: 12px !important
}
.br_0 {
  border-radius: 0px!important
}
.br_4 {
  border-radius: 4px;
}
.border_0{
  border: 0px
}
.line_h_0 {
  line-height: normal;
}
.line_h_20 {
  line-height: 20px;
}
.line_h_22 {
  line-height: 22px;
}

.line_h_24 {
  line-height: 24px;
}


.c_primary {
  color: #3b74ff
}

.c_warning {
  color: #faad14;
}

.c_warning2 {
  color: #ff6900 !important
}
.c_ff9900{
  color: #ff9900;
}
.c_fa966d{
  color: #fa966d;
}
.c_successs {
  color: #19af19;
}
.c_39da49{
  color: #39da49;
}

.c_00c264 {
  color: #00c264 !important;
}

.c_52c41a {
  color: #52c41a;
}

.c_f08b00 {
  color: #f08b00;
}

.c_fff {
  color: #fff !important
}

.c_999 {
  color: #999
}

.c_000 {
  color: #000
}

.c_ccc {
  color: #ccc;
}

.c_888999 {
  color: #888999;
}

.c_ff0200 {
  color: #ff0200;
}

.c_text {
  color: rgba(0, 0, 0, .65)
}

.c_text2 {
  color: rgba(0, 0, 0, .85)
}

.c_text3 {
  color: rgba(0, 0, 0, .45)
}

.c_text4 {
  color: rgba(0, 0, 0, .25)
}

.c_222333 {
  color: #222333;
}

.c_666 {
  color: #666;
}

.c_f90 {
  color: #f90;
}

.bg_fff {
  background-color: #fff;
}

.bg_888999 {
  background-color: #888999;
}

.bg_f9 {
  background-color: #f9f9f9;
}

.bg_f7f7f7 {
  background-color: #f7f7f7;
}
.bg_fafafa{
  background-color: #fafafa;
}

.bg_f5 {
  background-color: #f5f5f5;
}
.bg_fa{background-color: #fafafa!important;}
.bg_52c41a{
  background-color: #52c41a;
}


.draw-box {
  height: 40px;
  background: #f5f5f5;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  margin-bottom: 20px;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, .85);

  &::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width: 3px;
    height: 14px;
    background: #3070ff;
  }
}

.el-form-item__label {
  color: rgba(0, 0, 0, .85);
}

.drawfooter {
  position: absolute;
  box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, .03);
  bottom: 0;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  background-color: #fff;
}

.grouptree {
  .el-tree-node__content {
    height: 40px;

    &:hover,
    &:focus,
    &:active,
    &:visited {
      background-color: #fff;
    }
  }
}

.btntooltip {
  max-width: 300px;
}

.noborderinput {
  .el-textarea__inner {
    border: 0;
  }
}

.popconform {
  max-width: 254px;

  .el-popconfirm__main {
    align-items: flex-start
  }

  .el-popconfirm__icon {
    margin-top: 2px;
  }
}

.dialog_nopadd {
  .el-dialog__body {
    padding: 0;
  }
}

.smallswitch {
  .el-switch__core {
    height: 18px;
    width: 34px !important;
  }

  .el-switch__core:after {
    width: 14px;
    height: 14px;
  }
}

.popper-box {
  // height: 360px;
}

.messagepoper {
  padding: 0;
  min-width: auto;
}

.inputsearch {
  .el-input-group__append {
    padding: 0 8px;
    background-color: #fff
  }
}

.x-input-select {
  .el-input-group__append {
    padding: 0 13px;
    background-color: #fff
  }
}

// 用户头像
.useravatar {
  width: 40px;
  height: 40px;
  border-radius: 4px;
}

.plainradiobtn {
  .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background-color: #fff;
    color: #3b74ff;
  }

  .el-radio-button__inner {
    font-size: 14px;
  }
}

.el-cascader-menu {
  min-width: 140px;

  .el-cascader-node {
    padding: 5px 12px !important;
  }
}

.cascadermenu {
  .el-cascader-panel {
    .el-cascader-menu {
      .el-radio {
        height: 100%;
        width: 120px;
        opacity: 0;
        position: absolute;

        .el-radio input {
          .el-radio__inner {
            border: 0px;
          }
        }
      }

      .el-radio__input.is-checked {
        .el-radio__inner {
          background: none;
        }
      }
    }
  }
}

.el-table {
  &::before {
    height: 0;
  }

  th {
    background-color: #f5f5f5 !important;
    border-bottom: 0 !important;
  }

  td.el-table__cell {
    border-bottom: 1px solid #f5f5f5
  }
  .el-table__cell{
    padding: 10px 12px !important
  }
}

.el-button.bg_fff:hover,
.el-button.bg_fff:active,
.el-button.bg_fff:focus {
  background-color: #fff;
}

.el-button--warning{
  background-color: #f5a623;
  border-color: #f5a623;
}
.mytips_error{
  color: rgba(0, 0, 0, .85);
  font-size: 14px;
  padding: 8px 15px;
  word-wrap: break-word;
  border-radius: 4px;
  display: flex;
  align-items: center;
  background-color: #fff1f0;
}
.mytips_warning{
  border: 1px solid #ffc7aa;
  background-color: #ffede3;
  .iconinfo{
    color: #f90;
  }
}
.mytips_warning2{
  border: 1px solid #ffe58f;
  background-color: #fffbe6;
  .iconinfo{
    color: #f90;
  }
}
.mytips_primary{
  background: rgba(47, 84, 235, .1);
  border:1px solid rgba(47,84,235,.1);
  .iconinfo{
    color: #5976ef;
  }
}
.pagination-container {
  height: 60px;
  display: flex;
  align-items: center;
}

.paginaiton_noborder{
  .el-pagination{
    .btn-prev, .btn-next{
      background-color: #fff;
      min-width: auto;
    }
    &.is-background .el-pager li:not(.disabled).active{
      background: #fff;
      border: 1px solid #3070ff;
      color: #3070ff;
      border-radius: 4px;
    }
    // .el-pager li{
    //   width: 26px;
    //   height: 26px;
    // }
  }
}

.rotate90{
  transform: rotate(90deg);
}

.rotate180{
  transform: rotate(180deg);
}

.mini-switch{
  .el-switch__core{
    width: 28px!important;
    height: 16px!important;
    border-radius: 8px;
  }
  .el-switch__core:after{
    width: 12px!important;
    height: 12px!important;
  }
  &.is-checked .el-switch__core::after{
    margin-left:-14px!important;
  }
}

.nooption{
  display: none;
}

.qwbpagination{
  .el-pagination{
    position: initial!important;
  }
  .el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next{
    background-color: #fff;
    border: 1px solid #e9e9e9;
    width: 32px;
    height: 32px;
    color: rgba(0, 0, 0, .65);
    border-radius: 4px;
  }
  .el-pagination.is-background .el-pager li{
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    color: rgba(0, 0, 0, .65);
  }
  .el-pagination.is-background .el-pager li:not(.disabled).active{
    color: #3070ff;
    border-color: #3070ff;
    background-color: #fff;
  }
  .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-next:disabled{
    color: rgba(0, 0, 0, .25);
    border-color: #e9e9e9;
  }
}

.primary_input_append{
  .el-input-group__append{
    background-color:#3070ff;
    color: #fff;
    border-color: #3070ff;
  }
}

.whiteappend{
  .el-input-group__append{
    background-color:#fff;
    padding: 0 12px;
  }
}

.el-checkbox__inner{
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.el-checkbox__inner::after{
  top: 2px;
  left: 5px;
}
.alert-info{
  background-color: #f0f7ff;
  border: 1px solid #abceff;
  padding: 8px 15px;
  word-wrap: break-word;
  border-radius: 4px;
  line-height: 22px;
}